


Ext.define('DDMS.view.Tablet', {
    extend: 'Ext.form.Panel',
    
    id:'tablet',
    requires: [
        'Ext.form.FieldSet',
        'Ext.field.Password'
    ],
    
    config: {
    	defaults: {
            width:'90%'
        },
        layout: {
            type: 'vbox',
            align:'center'
        },
        items: [
            {
                xtype: 'fieldset',
                title: '',
                instructions:'&nbsp;',
                items: [
                    {
                        xtype: 'panel',
						html: '<table>'+
							  	'<tr>'+
							  		'<td>'+
							  			'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="padding-top:15pt;" src="lib/resources/img/zgnfdwlogo.bmp" height="110" width="110" />'+
							  		'</td>'+
							  		'<td>'+
							  			'<div style="font-size:20pt;font-weight:bold;">中国南方电网</div>'+
							  			'<div>China Southern Power Grid </div>'+
							  		'</td>'+
							  	'</tr>'+
							  '</table>',
						height:130,
						width:'100%'
                    }
                ]
            },
            {
                xtype: 'fieldset',
                instructions:'&nbsp;',
                defaults: {
                    labelWidth: 150,
                    height:60
                },
                items: [
                    {
                        xtype         : 'textfield',
                        readOnly      : true,
                        id			  : 'tablet-username',
                        name          : 'tablet-username',
                        style		  : 'font-size:20pt;',
                        label         : '<font size=5>用户账号</font>',
                        placeHolder   : '必填',
                        autoCapitalize: true,
                        required      : false,
                        clearIcon     : true
                    },
                    {
                        xtype		  : 'passwordfield',
                        id			  : 'tablet-password',
                        name 		  : 'tablet-password',
                        style	      : 'font-size:20pt;',
                        label		  : '<font size=5>密码</font>',
                        placeHolder   : '必填'
                    }
                ]
            },
            {
                xtype: 'fieldset',
                instructions:'<a onclick="retrieveWin();"><font size=3 color="#007AFF">忘记了 用户账号 或密码?</font></a>',
                items: [
                    {
                        xtype: 'button',
                        id:'tablet-btn',
						text: '<div style="text-align:left;font-size:18pt;font-color="#007AFF">&nbsp;&nbsp;&nbsp;登录</div>',
						height:60,
						width:'100%',
						style:  'border-color:#D1D1D1;'
                    }
                ]
            },
            {
                xtype: 'fieldset',
                title:'',
                instructions:'<div style="text-align:left;font-size:15pt;">如果您的用户信息没有在系统中找到，那么您可以点击创建新账户进行账户注册。注册的信息将保存在当前系统中，下次可以直接选择使用。</div><br><br><div style="text-align:center;font-size:18pt;text-decoration:underline">进一步了解云网助手</div>',
                items: [
                    {
                        xtype: 'button',
                        id:'tablet-register-btn',
                        name:'tablet-register-btn',
						text: '<div style="text-align:left;font-size:18pt;font-color="#007AFF">&nbsp;&nbsp;&nbsp;创建新账户</div>',
						height:60,
						width:'100%',
						style:  'border-color:#D1D1D1;'
                    }
               
                ]
            },
            {
                xtype : 'toolbar',
                ui: 'neutral',
                docked: 'top',
                height:100,
                width:'100%',
                scrollable: null,
                style:'font-size:18pt;padding-top:17pt;',
                title:'用户登录'
            }
        ]
    }
});